<template>
    <div id="app">
    <mt-header title="消息" :fixed="is_fixed">
        			<router-link to="/" slot="left">
        				<mt-button icon="back">返回</mt-button>
        			</router-link>
    </mt-header>

<div align="left">
<mt-cell title="评论" is-link @click.native="openPl">

  <img slot="icon" src="../assets/pl.jpg" width="24" height="24">

</mt-cell>

<mt-cell title="赞的" is-link @click.native="openPraise">

  <img slot="icon" src="../assets/timg.jpg" width="24" height="24">

</mt-cell>

<mt-cell title="提到你的" is-link @click.native="openTi">

  <img slot="icon" src="../assets/tz.jpg" width="24" height="24">

</mt-cell>
</div>

   

    <mt-tabbar v-model="selected" fixed>
           <mt-tab-item id="tab-container1" @click.native="openIndex">
            <img slot="icon" src="../assets/1.png">
             关注
           </mt-tab-item>
           <mt-tab-item id="tab-container2" @click.native="openMusic">
          <img slot="icon" src="../assets/2.png">
             发现
           </mt-tab-item>
           <mt-tab-item id="tab-container3" @click.native="openFa">
        <img slot="icon" src="../assets/5.png" width="80">
       </mt-tab-item>
           <mt-tab-item id="tab-container4" @click.native="openSinger">
            <img slot="icon" src="../assets/3.png">
             消息
           </mt-tab-item>
           <mt-tab-item id="tab-container5" @click.native="openUser">
            <img slot="icon" src="../assets/4.png">
             个人
           </mt-tab-item>
     </mt-tabbar>
    </div>
</template>
<script>
import Vue from 'vue'
import { Header } from 'mint-ui';
import { Button } from 'mint-ui';
import { TabContainer, TabContainerItem } from 'mint-ui';
import { Tabbar, TabItem } from 'mint-ui';
import { Cell } from 'mint-ui';



Vue.component('mt-tab-container', TabContainer);
Vue.component('mt-tab-container-item', TabContainerItem);
Vue.component('mt-tabbar', Tabbar);
Vue.component('mt-tab-item', TabItem);
Vue.component('mt-button', Button);
Vue.component('mt-header', Header);
Vue.component('mt-cell', Cell);


    export default {
        name:'app',
        data () {
            return {
                selected:'',
                is_fixed:true,
                value:''
		

            }
        },
                 methods:{
                 openIndex(){
                 	            this.$router.push({
                 	                path : '/index'
                 	            })
                 	        },
                 	        openMusic(){
                 	            this.$router.push({
                 	                path : '/music'
                 	            })
                 	        },
                 	        openSinger(){
                 	            this.$router.push({
                 	                path : '/singer'
                 	            })
                 	        },
                          openFa(){
                              this.$router.push({
                                  path : '/pai'
                              })
                          },
                 	        openUser(){
                                  this.$router.push({
                                     path : '/user'
                                 })
                              },
                 	        openPl(){
                                  this.$router.push({
                                     path : '/pl'
                                 })
                              },
                     	openPraise(){
                               this.$router.push({
                                path : '/praise'
                                })
                             },
	                      openTi(){
                                   this.$router.push({
                                    path : '/ti'
                                    })
                                 }
				  
	     }

    }
</script>
<style>

</style>